<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        html,body {
            /* 允许页面纵向滚动（关键：避免内容被截断） */
            overflow-x: hidden; /* 禁止横向滚动（防止小屏幕出现横向滚动条） */
            font-family: sans-serif;
        }

        .svgOne {
            /* 注意检查源代码行内属性，否则无效 */
            fill: none;
            stroke: #00ffff;
            stroke-width: 3;
        }

        .svgOne:hover {
            animation: move .2s;
        }

        /* 仿北大官网动画效果 */
        @keyframes move {
            0% {
                stroke-dasharray: 0 400;
            }
            100% {
                stroke-dasharray: 400 0;
            }
        }

        /* 从小变大是“擦除”效果，则从大变小是“绘画”效果 */
        .svgTwo {
            fill: none;
            stroke: #ff0000;
            stroke-width: 3;
            stroke-dasharray: 3126.662109375;
            stroke-dashoffset: 3126.662109375;
            animation: paint 2s linear infinite;
        }
        /* 查看图标长度的技巧，用js，在path中设置id，并且在检查中的控制台中输入js代码：huangguan.getTotalLength() */

        @keyframes paint {
            0% {
                stroke-dashoffset: 3126.662109375;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }

        .box {
            width: 1300px;
            margin: 100px auto;
            border: 1px solid red;
        }

        .box .scroll {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: auto;
        }

        .box .scroll svg {
            width: 3858px;
            stroke-dasharray: 3858px;
            stroke-dashoffset: 3858px;
        }

        .box .scroll svg path {
            animation: swim 10s linear forwards;
        }

        @keyframes swim {
            0% {
              stroke-dashoffset: 3858px;
            }
            100% {
              stroke-dashoffset: 0px;
            }
        }

        .item {
            position: absolute;
            left: 30px;
            top: 120px;
            width: 258px;
            font-size: 14px;
        }

        .item img {
            width: 12px;
        }

        .item h5 {
            font-size: 14px;
            margin-bottom: 15px;
        }

        .item2 {
            left: 450px;
            /* forwards 停到最后一帧 */
            animation: translate1 1s linear forwards 1s;
            opacity: 0;
        }

        .item3 {
            left: 888px;
            top: 40px;
            animation: translate2 1s linear forwards 2s;
            /* opacity是css中用于控制元素的透明度，取值为0~1，他的效果会作用于整个元素及其所有子元素，实现淡入淡出的视觉效果 */
            opacity: 0;

        }

        .item3 h5 {
            margin-bottom: 5px;
            margin-top: 15px;
        }

        @keyframes translate1 {
            0% {
              transform: translateY(0);

            }
            100% {
              transform: translateY(-40px);
              opacity: 1;
            }
        }

        @keyframes translate2 {
            0% {
              transform: translateY(0);
            }
            100% {
              transform: translateY(40px);
              opacity: 1;
            }
        }

        .droneFather {
            /* 超出部分不被隐藏 */
            overflow: visible;
            display: block;
            width: 1200px;
            margin: 100px auto;
        }

        .drone {
            animation: move 10s linear infinite;
        }

        @keyframes move {
            0% {
              transform: translate(0px);
            }

            25% {
              transform: translate(100px, -50px);
            }

            50% {
              transform: translate(200px);
            }

            75% {
              transform: translate(100px, 50px);
            }

            100% {
              transform: translate(0px);
            }
        }
    </style>
    <title>SVG</title>

    <!-- SVG是一种基于XMl的矢量图形标准,由W3C制定,支持无损缩放,交互性和动态效果
    核心特点包括:矢量特性,可编辑性,交互性,兼容性 -->

    <!-- svg是行内块元素类似，可以设置大小、移动位置、动画等，但是有自己特殊的样式属性：
    1.fill 填充颜色（支持颜色值、渐变、图案），不需要改为none
    2.stroke 定义描边颜色（支持颜色值、渐变、图案）
    3.stroke-width 描边宽度（支持像素、百分比、px、em等单位）
    4.stroke-dasharray 虚线模式（实线长度+间隔距离）
    5.stroke-dashoffset 调整虚线与间隔的起始位置，用于调整虚线模式的起始偏移量，增大他的值，让虚线模式向路径起始点移动，视觉上像线条被“擦除” -->
    
</head>
<body>
    <!-- svg只需要复制代码即可：查看源代码 -->
    <svg t="1763288917544" class="icon svgOne" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="986" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path d="M512 40.6016a399.7696 399.7696 0 0 0-399.36 399.36c0 111.0528 45.4144 221.0816 134.9632 327.0656 79.616 94.2592 179.2 167.936 246.784 215.04a30.72 30.72 0 0 0 17.6128 5.5808 30.72 
        30.72 0 0 0 16.5888-5.12c174.592-111.9744 382.72-296.96 382.72-542.72A399.7696 399.7696 0 0 0 512 40.6016z m0.6656 879.2576C362.4448 813.2608 174.08 650.9056 174.08 439.9104a337.92 337.92 
        0 0 1 675.84 0c0 118.1696-59.136 295.9872-337.2544 479.9488z" p-id="987"></path><path d="M512 251.1872a196.608 196.608 0 1 0 196.608 196.608 196.864 196.864 0 0 0-196.608-
        196.608z m0 331.776a135.168 135.168 0 1 1 135.168-135.168 135.3728 135.3728 0 0 1-135.168 135.168z" p-id="988"></path>
    </svg>

    <!-- 绘画效果的实现 -->
    <svg t="1763290779051" class="icon svgTwo" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1947" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path id="huangguan"
        d="M149.461333 271.658667L322.432 386.986667l172.373333-241.28a41.173333 41.173333 0 0 1 66.986667 0l172.373333 241.28 172.970667-115.285334a41.173333 41.173333 0 0 1 63.701333 
        39.125334l-67.669333 575.146666a41.173333 41.173333 0 0 1-40.874667 36.309334H194.304a41.173333 41.173333 0 0 1-40.874667-36.352L85.76 310.741333a41.173333 41.173333 0 0 1 63.701333-
        39.082666z m378.88 403.541333a82.346667 82.346667 0 1 0 0-164.693333 82.346667 82.346667 0 0 0 0 164.693333z" p-id="1948"></path>
    </svg>

    <!-- 仿oppo里程碑效果 -->
    <div class="box">
        <div class="scroll">
          <svg class="pc-only absolute left-0 top-0 pc:w-3520px pc:h-301px" viewBox="0 0 3520 301" fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path class="svg-path" opacity="0.2" id="line"
          d="M2 98.3546C177.569 -2.32258 469.504 -49.999 637.698 90.2674C742.655 177.796 841.5 348.045 1112.5 285.447C1296.5 242.945 1377 82.9804 1653.5 18.4478C1967.5 -54.8368 2072 134.055 2258 244.947C2494.5 385.947 2692.5 221.947 2883.5 96.9453C3059.07 -3.73182 3349.5 -49.999 3517.7 90.2674"
          stroke="#00D700" stroke-width="3" stroke-linecap="round" style="stroke-dashoffset: 2509.12px;"></path>
          </svg>
          <div class="item item1">
        <img src="./img/star.avif" alt="#">
        <p>2025</p>
        <h5>AI 战略升级</h5>
        <div>OPPO 在 2025 年移动通信大会（MWC2025）期间宣布升级 AI 战略，旨在通过自研创新和开放合作，为全球用户带来全面、安全、持续焕新的 AI 解决方案，成为“AI 体验引领者”。</div>
          </div>
          <div class="item item2">
        <img src="./img/star.avif" alt="#">
        <p>2024</p>
        <h5>AI 手机战略</h5>
        <div>OPPO 承诺生成式 AI 功能将进入全产品系列，今年要让近 5 千万 OPPO 用户的手机搭载 GenAI 功能。</div>
          </div>
          <div class="item item3">
        <div>OPPO 联合 IDC 发布首个《 AI手机白皮书》，宣布 AI 手机时代已经到来。</div>
        <p>2024</p>
        <h5>AI 白皮书</h5>
        <img src="./img/star.avif" alt="#">
          </div>
        </div>
    </div>

    <!-- 拆分动画效果示例 -->
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155.353 121.928" class="overflow-visible droneFather">
    <g transform="translate(42.091 54.928)" class="drone">
      <path fill="#3f3d56" d="M14.199 11.026h4.441v.167a2 2 0 0 1-2 2h-.447a2 2 0 0 1-2-2v-.167Z"></path>
      <path fill="#3f3d56"
        d="m28.421 8.586-7.662-1.633-.04-.446q-.002-.05-.013-.1l3.624-1.6a.71.71 0 0 1 1.008-.3s1.231.187.97-1.008-1.94-.336-1.94-.336l-4.4 1.371-.719-1.709a1.42 1.42 0 0 0-1.307-.868h-2.561a1.42 1.42 0 0 0-1.282.811l-.844 1.779L8.81 3.162s-1.679-.858-1.941.336.97 1.008.97 1.008a.71.71 0 0 1 1.008.3l3.546 1.562-.069.146a1.4 1.4 0 0 0-.13.48L4.752 8.586a1.017 1.017 0 0 0-.724 1.394l.175.411a1.01 1.01 0 0 0 1.526.43.76.76 0 0 0 .314-.634l6.231-1.451a3.72 3.72 0 0 0 3.624 2.887h1.212A3.72 3.72 0 0 0 20.742 8.7l6.384 1.486a.75.75 0 0 0 .315.634 1.01 1.01 0 0 0 1.526-.43l.175-.411a1.017 1.017 0 0 0-.724-1.394Z">
      </path>
      <path fill="#6c63ff"
        d="M24.852 1.877 21.083 0s-.39.017-.214.214 4.244 2.1 4.244 2.1zM25.86 2.65a2.1 2.1 0 0 0 .821 1.119 35 35 0 0 0 4.179 1.418l.523-.336-3.919-2.162-1.306-.149-.3.112ZM28.353 8.94a2.1 2.1 0 0 0 1.385-.094 35 35 0 0 0 3.436-2.769v-.621l-3.926 2.149-.83 1.023z">
      </path>
      <path fill="#6c63ff"
        d="M28.698 9.028a2.1 2.1 0 0 0-1.339-.366 35 35 0 0 0-4.154 1.489l-.2.588 4.414-.742 1.116-.7.164-.273ZM8.322 1.877 12.091 0s.39.017.214.214-4.244 2.1-4.244 2.1zM7.312 2.65a2.1 2.1 0 0 1-.821 1.119 35 35 0 0 1-4.179 1.42l-.522-.336 3.922-2.164 1.306-.149.3.112ZM4.821 8.94a2.1 2.1 0 0 1-1.385-.094A35 35 0 0 1 0 6.077v-.621l3.927 2.149.829 1.023z">
      </path>
      <path fill="#6c63ff"
        d="M4.476 9.028a2.1 2.1 0 0 1 1.339-.366 35 35 0 0 1 4.155 1.489l.2.588-4.414-.742-1.116-.7-.164-.273Z"></path>
      <circle cx="1.045" cy="1.045" r="1.045" fill="#3f3d56" transform="translate(24.348 1.772)"></circle>
      <circle cx="1.045" cy="1.045" r="1.045" fill="#3f3d56" transform="translate(6.605 1.866)"></circle>
    </g>
    <path fill="#a0616a"
      d="M25.399 94.493c1.243-.441 2.479-.158 2.76.634s-.5 1.79-1.744 2.232a3.3 3.3 0 0 1-1.549.181l-5.292 1.8-.793-2.5 5.3-1.512a3.3 3.3 0 0 1 1.317-.836Z">
    </path>
    <path fill="#e4e4e4"
      d="M23.474 98.235 13.03 103.08l-.026.012-8.492-5.185a2.663 2.663 0 1 1 3.048-4.356l6.262 4.989 8.874-3.258z">
    </path>
    <g transform="translate(4.024 81.87)">
      <path fill="#ffb4b4" d="m6.011 12.603.7-4.374-4.724-1.925-.7 6.649Z"></path>
      <circle cx="4.818" cy="4.818" r="4.818" fill="#a0616a"></circle>
    </g>
    <g fill="#2f2e41">
      <path
        d="M4.06 118.061q.472.207 1.013.4c5.4 1.871 11.655-2.239 15.244-5.2a35 35 0 0 0 2.938-2.7l3.541 1.771 2.358 1.179.458.231 1.4.7 2.158 1.079.26.13.178.052 3.178.922.649-2.273s-.222-.2-.61-.541c-2.366-2.084-10.9-9.508-13.135-10.065-1.012-.253-3.171.577-5.432 1.685-3.546 1.738-7.339 4.159-7.339 4.159l-1.515-2.165-5.217 1.178-1.98.447-1.192.27s-3.706 5.781 3.046 8.749Z">
      </path>
      <path
        d="M36.568 114.019s.758-.758 1.191-.433a10 10 0 0 1 .866.758s3.355.216 3.463 1.84-2.273 2.165-2.273 2.165-7.792.649-7.792-.433a4.8 4.8 0 0 1 1.147-2.4s3.723-.631 3.398-1.497">
      </path>
    </g>
    <g fill="#2f2e41">
      <path
        d="M4.06 118.061c5.823-2.14 10.862-7.5 10.862-7.5l5.4 2.7 4.519 2.259.26.13 3.355.974.649-2.273s-.222-.2-.61-.541c-.4-.356-.99-.869-1.693-1.476-2.31-2-5.894-5.019-8.54-6.9-3.546 1.738-7.339 4.159-7.339 4.159l-1.515-2.165-5.217 1.177a77 77 0 0 0-1.6.987l-.378-.54-1.192.27s-3.706 5.781 3.046 8.749Z">
      </path>
      <path
        d="M28.235 114.019s.758-.758 1.19-.433a10 10 0 0 1 .866.758s3.355.216 3.463 1.84-2.273 2.165-2.273 2.165-7.793.649-7.793-.433a4.8 4.8 0 0 1 1.147-2.4s3.723-.628 3.4-1.494Z">
      </path>
    </g>
    <path fill="#e4e4e4"
      d="M1.574 100.998a14.72 14.72 0 0 1 3.621-8.606l.021-.023 5.473 1.095 1.2 3.538a8.94 8.94 0 0 1-.5 6.886l-1.333 2.619.441 2.424-9.478.436H.958l.618-8.371Z">
    </path>
    <path fill="#2f2e41"
      d="m23.34 102.826-.088-9.7a1.09 1.09 0 0 1 .842-1.076l2.413-.575a.792.792 0 0 1 .976.768l.029 10.387a.655.655 0 0 1-.655.657h-3.049a.47.47 0 0 1-.467-.463Z">
    </path>
    <path fill="#6c63ff"
      d="m24.22 92.258.23-.055v.349a.17.17 0 0 0 .208.168l.931-.227a.31.31 0 0 0 .231-.3v-.319l.446-.107a.506.506 0 0 1 .618.5l.057 10.073a.74.74 0 0 1-.733.754h-2.3a.463.463 0 0 1-.458-.464l-.089-9.249a1.135 1.135 0 0 1 .86-1.121Z">
    </path>
    <path fill="#a0616a"
      d="M27.46 98.849c1.294-.26 2.476.2 2.642 1.02s-.749 1.7-2.043 1.961a3.3 3.3 0 0 1-1.559-.041l-5.494 1.033-.43-2.589 5.462-.744a3.3 3.3 0 0 1 1.422-.641Z">
    </path>
    <path fill="#e4e4e4"
      d="M6.299 99.263a2.663 2.663 0 1 1 3.636-3.879l5.489 5.828 9.189-1.952.058-.012.352 3.034-11.055 3.32Z"></path>
    <path fill="#2f2e41"
      d="M11.645 82.176a4.27 4.27 0 0 1 1.68 2.772 3.33 3.33 0 0 1-.73 2.676c-.967 1.172-1.124 3.345-1.074 5.034a1.71 1.71 0 0 1-1.909 1.748c-2.21-.26-3.3 5.166-4.917 5.922a4.07 4.07 0 0 1-3.463 0s.541-6.061 1.732-7.793c.748-1.088.852-5.039.987-6.619a5.48 5.48 0 0 1 2.462-4.163 4.24 4.24 0 0 1 5.233.423Z">
    </path>
    <path fill="#6c63ff"
      d="M1132.479 66.141h-20.9a1.456 1.456 0 0 1-1.454-1.454v-8.305a1.456 1.456 0 0 1 1.457-1.454h20.9a1.456 1.456 0 0 1 1.454 1.454v8.305a1.456 1.456 0 0 1-1.454 1.454Z">
    </path>
    <path fill="#d8d8d8"
      d="M1132.479 91.575h-20.9a1.456 1.456 0 0 1-1.454-1.454v-8.305a1.456 1.456 0 0 1 1.457-1.454h20.9a1.456 1.456 0 0 1 1.454 1.454v8.305a1.456 1.456 0 0 1-1.457 1.454M1132.352 78.71h-8.215a1.53 1.53 0 0 1-1.53-1.53v-7.965a1.53 1.53 0 0 1 1.53-1.53h8.215a1.53 1.53 0 0 1 1.53 1.53v7.965a1.53 1.53 0 0 1-1.53 1.53M1119.823 78.71h-8.215a1.53 1.53 0 0 1-1.53-1.53v-7.965a1.53 1.53 0 0 1 1.53-1.53h8.215a1.53 1.53 0 0 1 1.53 1.53v7.965a1.53 1.53 0 0 1-1.53 1.53">
    </path>
    <path fill="#ec9c9f" d="m1153.558 111.832-1.731 1.818-1.845-1.706 1.731-1.818Z"></path>
    <path fill="#090814"
      d="m1154.941 113.694-3.68 3.864a3.1 3.1 0 0 1-1.136.755l-1.026.391a.6.6 0 0 1-.622-.119.58.58 0 0 1-.12-.7l.987-1.851 1.053-3.754.011.007c.286.176.721.441.752.452a1.33 1.33 0 0 0 1.16-.408 1.65 1.65 0 0 0 .141-1.32v-.006a.43.43 0 0 1 .358-.116.83.83 0 0 1 .476.382c.245-.01 1 .579 1.059.627a1.07 1.07 0 0 1 .805.261.8.8 0 0 1 .186.641 1.47 1.47 0 0 1-.404.894">
    </path>
    <path fill="#ec9c9f" d="M1149.03 113.925h2.53v2.493h-2.53z"></path>
    <path fill="#090814"
      d="M1151.127 118.685h-5.378a3.14 3.14 0 0 1-1.336-.3l-.991-.47a.584.584 0 0 1 .1-1.094l2.045-.558 3.5-1.812v.013c.065.327.167.82.18.85a1.32 1.32 0 0 0 1.1.555 1.7 1.7 0 0 0 1.073-.8v-.006h.007a.43.43 0 0 1 .331.178.8.8 0 0 1 .042.6 3.4 3.4 0 0 1 .26 1.19 1.04 1.04 0 0 1 .358.757.81.81 0 0 1-.347.573 1.5 1.5 0 0 1-.944.324M1151.86 82.532h-8.965l-2.988 18.642 8.965 10.655 2.988-2.664-7.085-7.991Z">
    </path>
    <path fill="#090814" d="m1146.562 85.28 5.3-2.748v31.965l-2.988.082Z"></path>
    <path fill="#ec9c9f"
      d="m1141.254 90.007.063-2.91-1.7-.037-.063 2.91a1.78 1.78 0 0 0-.537 1.27 1.384 1.384 0 1 0 2.718.059 1.78 1.78 0 0 0-.481-1.292">
    </path>
    <path fill="#090814"
      d="M1149.31 61.59a1.57 1.57 0 0 0 1.528-2.355c-.911-2.35-2.608-1.3-2.608-1.3a1.17 1.17 0 0 0-.567 1.22"></path>
    <path fill="#ec9c9f"
      d="M1149.554 62.717a3.262 3.262 0 1 0-4.24 3.113l.631 4.168 3.215-2.674a8 8 0 0 1-1.067-1.882 3.26 3.26 0 0 0 1.461-2.72Z">
    </path>
    <path fill="#090814"
      d="M1147.859 65.473s.433-1.661-.275-2.425-.8.424-.8.424l-.51-.111s.089-1.153-.909-1.353l.643-1.375s-2.462.478-2.53.24c-.534-1.876 4.559-3.479 5.966-.616 2.191 4.452-1.585 5.216-1.585 5.216">
    </path>
    <path fill="#6c63ff" d="M1144.978 68.379a5.42 5.42 0 0 0-4.362 4.838l-1.474 16.437h2.582Z"></path>
    <path fill="#6c63ff"
      d="m1142.531 81.476-.4 4.641 10.936-3.217-1.333-3.354 2.481-5.7-5.065-7.26-4.044.276-1.562 2.022"></path>
    <path fill="#ec9c9f"
      d="m1151.451 85.883 1.525-2.479-1.447-.891-1.525 2.479a1.78 1.78 0 0 0-1.106.824 1.384 1.384 0 1 0 2.316 1.425 1.78 1.78 0 0 0 .237-1.358">
    </path>
    <path fill="#6c63ff"
      d="m1148.321 66.679.882-.037 1.508 1.139c1.786.3 2.3.39 2.852 1.57a6 6 0 0 1 .468 1.564l1.275 8.078-3.206 7.72-2.124-2.389 2.271-6.036-.377-1.444">
    </path>
    <g transform="translate(160.716 45.928)">
      <path fill="#000019" d="m23.083 34.901-.398-.238L41.222 3.719l.398.238z"></path>
      <path fill="#f3a3a6" d="m36.988 22.577-3 .989v-4.329h2.727Z"></path>
      <circle cx="2.995" cy="2.995" r="2.995" fill="#f3a3a6" transform="translate(31.36 14.445)"></circle>
      <path fill="#2f2e43"
        d="m35.116 17.674-.412.5-.747-1.307s-.953.049-.953-.659-.875-.727-.875-.727-1.238-2.162 1.326-1.592c0 0 1.779-1.219 2.662-.177 0 0 2.712 1.365 1.935 3.743l-1.289 2.451-.292-.555s.177-2.329-1.356-1.68Z">
      </path>
      <path fill="#f3a3a6" d="M29.882 66.821h2.647v3.756h-2.647z"></path>
      <path fill="#2f2e43"
        d="M30.175 72.729c.453.04 2.718.22 2.832-.3a2.2 2.2 0 0 0-.071-1.043c-.217-2.167-.3-2.191-.348-2.2q-.116-.034-.668.32l-.023.015-.005.027a.83.83 0 0 1-.935.707 1.38 1.38 0 0 1-.751-.257.32.32 0 0 0 .139-.116.4.4 0 0 0 .029-.339 5.3 5.3 0 0 0-.407-.914l-.034-.061-3.009 2.03-1.858.531a.48.48 0 0 0-.31.274.48.48 0 0 0 .121.541 3.3 3.3 0 0 0 1.712.887c.187.018.435.024.713.024 1.162 0 2.858-.12 2.871-.123Z">
      </path>
      <path fill="#f3a3a6" d="m38.872 63.587 2.1-1.612 2.286 2.978-2.099 1.613z"></path>
      <path fill="#2f2e43"
        d="M42.703 68.094c.384-.243 2.291-1.48 2.064-1.961a2.2 2.2 0 0 0-.691-.784c-1.492-1.586-1.57-1.556-1.618-1.538q-.114.044-.335.66l-.009.025.013.024a.834.834 0 0 1-.311 1.13 1.4 1.4 0 0 1-.752.254.3.3 0 0 0 .039-.177.4.4 0 0 0-.183-.287 5.4 5.4 0 0 0-.88-.478l-.063-.028-1.152 3.442-1.152 1.552a.48.48 0 0 0-.078.407.48.48 0 0 0 .426.355 3.3 3.3 0 0 0 1.9-.338c.158-.1.359-.245.58-.415a47 47 0 0 0 2.2-1.844ZM28.246 39.843l9.994 1.02s1.427 4.691-.612 6.935l-1.224 6.323 5.507 7.547-3.468 2.244-4.895-5.3v8.971l-4.691-.408-2.243-14.074z">
      </path>
      <path fill="#ccc"
        d="M32.733 21.893s.815-1.427 4.283-1.224l.815 1.836s2.447.612 2.447 4.283-1.224 14.686-1.224 14.686l-11.932-.714 5.519-17.252.09-1.616Z">
      </path>
      <path fill="#6c63ff"
        d="M44.828 5.999a19.8 19.8 0 0 1-.549 8.389L31.153 7.477q.342-.408.707-.8a18.46 18.46 0 0 1 7.11-4.655 30 30 0 0 1 3.078 1.541 35 35 0 0 1 2.647 1.667q.074.381.131.764Z">
      </path>
      <path fill="#6c63ff"
        d="M37.387 2.264a18.8 18.8 0 0 0-4.216 2.667 18.5 18.5 0 0 0-2.359 2.366L22.14 2.732s6.02-5.093 16.32-.916q-.545.208-1.075.45ZM44.917 13.44a20.3 20.3 0 0 0 .219-7.893c9.2 6.634 8.323 13.676 8.323 13.676l-8.838-4.653q.164-.559.3-1.128Z">
      </path>
      <path fill="#f3a3a6"
        d="M21.886 34.918c-.78.359-1.216 1.064-.975 1.576s1.071.636 1.851.278a2.07 2.07 0 0 0 .8-.626l3.285-1.563-.809-1.575-3.152 1.71a2.1 2.1 0 0 0-1 .2">
      </path>
      <path fill="#ccc"
        d="m23.922 36.068 7.931-2.59.009-.009 6.041-5.59a2.489 2.489 0 1 0-3.6-3.425l-4.537 5.418-6.534 4.245Z"></path>
    </g>
    <g transform="translate(545.833 94.998)">
      <path fill="#faafb2"
        d="M33.26 24.546c.912.185 1.745-.154 1.859-.756s-.53-1.241-1.442-1.426a2.25 2.25 0 0 0-1.1.036l-14.282-2.293-.54 2.869 14.5 1.108a2.3 2.3 0 0 0 1 .462Z">
      </path>
      <path fill="#6c63ff"
        d="M10.316 18.482v1.958c.21 1.384.948 1.76 2.312 2.075a39 39 0 0 0 4.893.972c.065-.2 1.633-3.528 1.274-5.227z">
      </path>
      <path fill="#faafb2" d="m10.411 22.752 1.093-3.326H6.717v3.018Z"></path>
      <circle cx="3.314" cy="3.314" r="3.314" fill="#faafb2" transform="translate(1.415 16.524)"></circle>
      <path fill="#36344e"
        d="M4.399 20.748c-.016-.555-.578-.92-1.09-1.135s-1.1-.438-1.311-.951c-.173-.421.994-1.163.684-1.5s-1.99-.009-2.289.359a2.25 2.25 0 0 0-.379 1.343 13.8 13.8 0 0 0 .276 3.448 3.7 3.7 0 0 0 .872 1.926 3.76 3.76 0 0 0 2.517.849 5.03 5.03 0 0 0 2.707-.456 2.22 2.22 0 0 0 1.2-2.3 6 6 0 0 0-1.495.036 2.1 2.1 0 0 1-1.434-.306.92.92 0 0 1-.2-1.309">
      </path>
      <path fill="#36344e"
        d="M5.549 24.83a1.66 1.66 0 0 0-.4 1.136 1.15 1.15 0 0 0 .847.926 1.47 1.47 0 0 0 1.254-.286 2.08 2.08 0 0 0 .7-1.107 1.17 1.17 0 0 0-.007-.757.77.77 0 0 0-.949-.4">
      </path>
      <path fill="#faafb2" d="M43.142 21.981h2.924l.222-7.817h-2.74Z"></path>
      <path fill="#36344e"
        d="M48.913 24.492c.308 0 .581-.008.788-.026a3.65 3.65 0 0 0 1.891-.98.53.53 0 0 0 .134-.6.53.53 0 0 0-.342-.3L49.331 22l-3.323-2.242-.037.066a6 6 0 0 0-.45 1.01.45.45 0 0 0 .033.374.36.36 0 0 0 .154.129 1.54 1.54 0 0 1-.829.284.92.92 0 0 1-1.033-.781l-.006-.03-.025-.016c-.4-.26-.651-.377-.737-.353-.054.016-.143.043-.384 2.435a2.44 2.44 0 0 0-.078 1.152c.125.573 2.627.376 3.127.33.014 0 1.888.135 3.171.135ZM19.31 11.744l3.536 4.963.634.889 1.976-.905a6.78 6.78 0 0 0 7.408-3.951l4.7-4.5 2.711-2.594c-.576 3.622 3.27 8.519 3.27 8.519h2.745S46.123.953 43.323.047a4.43 4.43 0 0 0-2.233.371c-6.232 2.091-21.78 11.326-21.78 11.326">
      </path>
      <path fill="#faafb2" d="M40.402 21.981h2.925l.221-7.817-3.146.658Z"></path>
      <path fill="#36344e"
        d="M46.174 24.492c.308 0 .581-.008.788-.026a3.65 3.65 0 0 0 1.891-.98.53.53 0 0 0 .134-.6.53.53 0 0 0-.342-.3L46.592 22l-3.323-2.242-.037.066a6 6 0 0 0-.45 1.01.45.45 0 0 0 .033.374.36.36 0 0 0 .154.129 1.54 1.54 0 0 1-.829.284.92.92 0 0 1-1.033-.781l-.006-.03-.025-.016c-.4-.26-.651-.377-.737-.353-.054.016-.143.043-.384 2.435a2.44 2.44 0 0 0-.078 1.152c.125.573 2.627.376 3.127.33.014 0 1.888.135 3.171.135ZM19.31 11.743l3.536 4.963a6.774 6.774 0 0 0 7.277-3.968l7.415-7.095a10.2 10.2 0 0 0 .029 2.594 11.63 11.63 0 0 0 2.835 6.583l3.146-.659S43.404 3.135 41.09.416c-6.231 2.091-21.779 11.326-21.779 11.326Z">
      </path>
      <path fill="#6c63ff"
        d="m8.601 19.426 1.222 3.32a4.07 4.07 0 0 0 4.133.4c2.057-.961 4.81-2.477 5.065-3.8l4.459-1.749-1.237-7.987-9.051 4.5a11.6 11.6 0 0 0-3.573 2.738 4.96 4.96 0 0 0-1.211 2.053z">
      </path>
      <path fill="#faafb2"
        d="M32.959 24.46c.923.111 1.726-.293 1.793-.9s-.627-1.195-1.551-1.306a2.24 2.24 0 0 0-1.091.124l-14.42-1.145-.309 2.9 14.541-.052a2.26 2.26 0 0 0 1.036.381Z">
      </path>
      <path fill="#6c63ff"
        d="m9.417 20.988.373 1.922c.47 1.319 1.266 1.548 2.665 1.6a39 39 0 0 0 4.988.022c.026-.2.932-3.775.255-5.373l-8.282 1.834Z">
      </path>
    </g>
    <g transform="translate(832.716 -16.569)">
      <path id="kite" fill="#6c63ff" d="m73.83 47.313 13.3-20.454-13.3-10.29-13.3 10.29Z"></path>
      <path fill="#faafb2" d="m41.366 86.769 3.322-.091-1.538-4.277-2.7.969Z"></path>
      <circle cx="3.148" cy="3.148" r="3.148" fill="#faafb2" transform="translate(38.998 77.609)"></circle>
      <path fill="#faafb2" d="M41.591 133.375h-2.466v-3.498h2.466z"></path>
      <path fill="#2f2e43"
        d="M41.316 135.38c-.422.039-2.532.205-2.636-.279a2.05 2.05 0 0 1 .066-.97c.2-2.018.279-2.04.323-2.053q.11-.032.622.3l.021.013v.025a.776.776 0 0 0 .872.659 1.3 1.3 0 0 0 .7-.238.3.3 0 0 1-.13-.108.38.38 0 0 1-.027-.316 5 5 0 0 1 .38-.852l.031-.056 2.8 1.891 1.73.494a.44.44 0 0 1 .289.256.45.45 0 0 1-.112.5 3.1 3.1 0 0 1-1.594.827c-.174.016-.4.023-.664.023-1.083 0-2.662-.112-2.673-.114Z">
      </path>
      <path fill="#faafb2" d="m31.116 132.828-2.418-.484.686-3.43 2.418.484z"></path>
      <path fill="#2f2e43"
        d="M30.461 134.74c-.42-.044-2.522-.3-2.532-.79a2.05 2.05 0 0 1 .256-.94c.595-1.939.672-1.947.721-1.951q.115-.01.552.415l.017.017v.025a.776.776 0 0 0 .724.817 1.3 1.3 0 0 0 .732-.1.3.3 0 0 1-.107-.132.38.38 0 0 1 .035-.316 5 5 0 0 1 .538-.761l.041-.048 2.377 2.4 1.6.825a.45.45 0 0 1 .232.308.45.45 0 0 1-.209.473 3.1 3.1 0 0 1-1.726.5 8 8 0 0 1-.655-.108 47 47 0 0 1-2.6-.635ZM45.561 101.684l-11.744-1.251-5.4 29.13 3.76.469 6.342-19.185-.314 19.733h4.067Z">
      </path>
      <path fill="#dfdfe0" d="m44.932 84.932-6.419-.713-6.342 20.516s3.21-.626 5.168 1.41 8.7-.277 8.7-.277z"></path>
      <path fill="#faafb2"
        d="M50.975 106.548c.174.86-.145 1.647-.715 1.755s-1.172-.5-1.346-1.362a2.1 2.1 0 0 1 .035-1.036l-.692-3.655 1.788-.283.492 3.634a2.1 2.1 0 0 1 .436.947Z">
      </path>
      <path fill="#dfdfe0" d="m42.467 84.693 2.464.242a3.05 3.05 0 0 1 2.355 2.373l3.584 17.428h-2.423l-5.98-20.045Z">
      </path>
      <path fill="#2f2e43"
        d="m40.385 82.717.31-.141a2.28 2.28 0 0 1 .081-1.743c.182-.275.492-.492.531-.819.033-.271-.139-.548-.064-.812s.389-.4.662-.5a4.6 4.6 0 0 1 1.313-.3 1.53 1.53 0 0 1 1.215.482 2 2 0 0 1 .223.351c.227.411.618 1.2.618 1.2s-.016-.182-.014-.544a3.9 3.9 0 0 0 .3-.961 1.8 1.8 0 0 0-.364-1.137 3.03 3.03 0 0 0-2.315-1.331c-.922-.043-1.767.021-2.233.817a3 3 0 0 1-.269.444 4.6 4.6 0 0 1-.761.579 2.54 2.54 0 0 0-.908 1.978 6.7 6.7 0 0 0 .56 2.055 2.32 2.32 0 0 0 1.263 1.358l-.184-.924">
      </path>
      <path fill="#dfdfe0"
        d="m42.396 85.066-.037.05-1.12 1.53-1.292 1.769-.291.4-1.065 1.459a10 10 0 0 1-.9.912l-.012.01c-.2.182-.43.376-.682.569-1.424 1.1-3.566 2.168-5.426.728-2.361-1.829 2.818-5.9 5.455-7.764a3.35 3.35 0 0 1 2.977-.447Z">
      </path>
      <path fill="#faafb2"
        d="M42.337 87.216a2.1 2.1 0 0 1-.79.318 2 2 0 0 1-.194.027l-1.34.99-.354.262-1.255.928-1.044-1.48 1.927-1.273 1.178-.779a2.1 2.1 0 0 1 .721-.746 2.1 2.1 0 0 1 1.1-.351.4.4 0 0 1 .072 0 .89.89 0 0 1 .738.364c.32.488-.023 1.265-.759 1.74">
      </path>
      <path fill="#dfdfe0" d="m40.241 89.047-.984-2.123-4.36 1.627 2.1 3.212Z"></path>
      <path fill="#2f2e43"
        d="m42.724 91.784-.835-3.779a3.615 3.615 0 0 1 2.439-4.25c11.615-3.7 16.579-9.92 18.5-13.3a184 184 0 0 0 10.815-23.142l.182.068a184 184 0 0 1-10.828 23.171c-4.519 7.932-13.6 11.793-18.615 13.389a3.42 3.42 0 0 0-2.307 4.023l.835 3.779Z">
      </path>
      <path fill="#faafb2"
        d="M42.335 87.217a2.1 2.1 0 0 1-.79.318 1.53 1.53 0 0 1-.306-.887v-.023a1.71 1.71 0 0 1 1.046-1.511c.035-.017-.037.014 0 0h.072a.89.89 0 0 1 .738.364c.321.488-.022 1.268-.76 1.739">
      </path>
      <path fill="#2f2e43"
        d="M117.476 77.591s-2.421-.587-3.888 2.958c-1.222 2.954-2.088 4.533-1.1 5.606a1.96 1.96 0 0 0 1.383.608l5.583.182s2.049-5.373.8-7.316a3.96 3.96 0 0 0-2.784-2.038Z">
      </path>
      <path fill="#faafb2" d="m118.633 86.502-2.685.881v-3.864h2.435ZM116.571 133.337h-2.514l-1.459-13.44h3.888Z">
      </path>
      <path fill="#2f2e43"
        d="M111.608 135.494c-.265 0-.5-.006-.678-.023a3.14 3.14 0 0 1-1.625-.843.45.45 0 0 1-.114-.513.46.46 0 0 1 .294-.261l1.765-.5 2.857-1.927.031.058a5 5 0 0 1 .387.868.39.39 0 0 1-.027.322.3.3 0 0 1-.132.11 1.3 1.3 0 0 0 .713.244.79.79 0 0 0 .889-.672v-.025l.021-.014q.522-.336.633-.3c.047.014.124.037.329 2.094a2.1 2.1 0 0 1 .068.99c-.108.492-2.259.323-2.689.285-.006-.009-1.618.107-2.722.107">
      </path>
      <path fill="#faafb2" d="M122.253 133.337h-2.514l-1.459-13.44h3.888Z"></path>
      <path fill="#2f2e43"
        d="M117.29 135.494c-.265 0-.5-.006-.678-.023a3.14 3.14 0 0 1-1.625-.843.45.45 0 0 1-.114-.513.46.46 0 0 1 .294-.261l1.765-.5 2.857-1.927.031.058a5 5 0 0 1 .387.868.39.39 0 0 1-.027.322.3.3 0 0 1-.132.11 1.3 1.3 0 0 0 .713.244.79.79 0 0 0 .889-.672v-.025l.021-.014c.347-.223.562-.325.633-.3.047.014.124.037.329 2.094a2.1 2.1 0 0 1 .068.99c-.107.492-2.259.323-2.689.285-.006-.009-1.618.107-2.722.107">
      </path>
      <path fill="#dfdfe0" d="M122.977 100.33h-12.219l4.391-14.456h4.872Z"></path>
      <path fill="#faafb2"
        d="M110.425 108.442c-.145.885-.736 1.521-1.319 1.418s-.937-.9-.792-1.788a2.17 2.17 0 0 1 .409-.978l.666-3.742 1.811.38-.848 3.649a2.2 2.2 0 0 1 .074 1.063Z">
      </path>
      <path fill="#dfdfe0" d="M115.919 85.878s-3.035-.079-3.355.719-4.074 19.807-4.074 19.807h2.476l4.951-20.525Z">
      </path>
      <circle cx="2.675" cy="2.675" r="2.675" fill="#faafb2" transform="translate(113.889 79.081)"></circle>
      <path fill="#2f2e43"
        d="M116.984 78.475s-3.434 5.11-2.857 8.3l-2-1.251s1.406-6.452 3.5-6.954l1.352-.093ZM120.438 100.33h-8.02l-4.387 18.007a1.55 1.55 0 0 0 1.141 1.668c2.408.645 8.184 1.557 16.926-.986a1.56 1.56 0 0 0 1.054-1.968Z">
      </path>
      <path fill="#dfdfe0"
        d="m117.195 85.874 2.495-.11a3.43 3.43 0 0 1 2.636 1.585c1.763 2.785 5.06 8.659 2.115 9.463-3.88 1.06-5.761-4.841-5.761-4.841l-1.486-6.1Z">
      </path>
      <path fill="#faafb2"
        d="M116.339 87.625c-.513-.736-.531-1.6-.041-1.937s1.3-.006 1.813.732a2.14 2.14 0 0 1 .387.986l2.131 3.15-1.563.99-1.933-3.21a2.2 2.2 0 0 1-.792-.711Z">
      </path>
      <path fill="#dfdfe0" d="m117.6 90.172 1.761-1.621 3.481 3.241-3.237 2.212Z"></path>
    </g>
    <g transform="translate(1231.716 -429.942)">
      <path fill="#e6e6e6"
        d="m-724.897 545.149 10.838-16.116-10.816 17.854.023 1.814q-1.187.009-2.351-.04l.538-23.311-.015-.18.02-.035.051-2.2-11.868-17.232 11.854 15.583.042.466.406-17.613-10.251-17.872 10.28 14.771-.107-36.489v-.121.12l.68 28.758 9.343-11.682-9.308 14.163.2 15.754 8.6-15.375-8.565 17.692.113 8.76 12.5-21.418-12.464 24.474Z">
      </path>
      <path fill="#9f616a" d="M-755.367 507.287s-.889-6.517-2.37-4.74 0 4.444 0 4.444l1.185 1.481 1.185-.889Z"></path>
      <path fill="#6c63ff" d="M-751.812 509.365s-2.962-3.259-3.555-2.666-2.37.889-2.074 2.074 6.517 5.036 6.517 5.036Z">
      </path>
      <path d="M-751.812 509.365s-2.962-3.259-3.555-2.666-2.37.889-2.074 2.074 6.517 5.036 6.517 5.036Z" opacity="0.1">
      </path>
      <path fill="#9f616a"
        d="M-734.927 509.069v2.37s.3 5.332-1.481 5.036-.889-4.74-.889-4.74l.3-2.666ZM-735.815 526.252s2.666 4.147 3.555 4.444 5.629 2.962 6.221 5.629l4.147 5.332-2.074 2.666s-9.48-10.072-12.146-10.961-5.332-5.332-5.332-5.332ZM-756.848 519.438s-5.629.889-4.74 4.444 9.48 10.961 9.48 10.961l.3 1.778 3.259.592 1.481-1.481-.3-.889s-3.555-3.259-3.851-4.444-3.555-5.925-5.036-6.221l2.074-1.185Z">
      </path>
      <path fill="#2f2e41"
        d="M-722.781 541.656s-1.185-1.777.593-1.481 2.962.593 2.962 1.778-1.481 9.48-3.259 8.887-.3-3.259-.3-3.259-.889-2.37-1.481-2.666-.593-1.778 0-1.778 1.782-.888 1.485-1.481M-747.961 535.139s0-1.481 1.185 0 1.777 2.666.592 3.555a60 60 0 0 1-5.332 2.962s-4.444.889-3.851-1.185c0 0 2.963-1.481 2.963-2.666s0-3.259.889-2.666 3.554.889 3.554 0M-742.332 512.921s4.147.592 3.851 6.517c0 0 5.332 5.332 3.851 7.11s-4.74 5.036-5.925 4.147-4.74-7.7-4.74-7.7-8.295 2.962-9.776 1.481a20.3 20.3 0 0 1-2.962-5.036l7.406-3.851Z">
      </path>
      <circle cx="3.555" cy="3.555" r="3.555" fill="#9f616a" transform="translate(-757.441 488.924)"></circle>
      <path fill="#9f616a" d="M-751.22 492.776s2.074 3.259 2.666 3.555-4.147 3.259-4.147 3.259 0-3.851-1.481-4.74Z">
      </path>
      <path fill="#6c63ff"
        d="M-750.924 496.034s4.74-1.481 5.629.889 2.962 6.814 2.666 9.776-.889 2.37 0 3.259 1.481.3 1.185 1.481-.593 1.185-.3 1.777-3.555 2.666-6.814 2.962l-3.259.3s0-5.332-.592-6.517-1.778-3.555-1.778-4.444v-2.352a9 9 0 0 1 1.185-4.462s1.782-2.669 2.078-2.669">
      </path>
      <path fill="#6c63ff"
        d="M-747.368 497.219s10.961.889 12.146 3.851 1.778 8.887.593 8.887-2.666.592-2.962 0-1.481-6.517-1.777-6.517-9.184-.889-9.184-.889-3.853-4.739 1.184-5.332">
      </path>
      <path fill="#2f2e41"
        d="M-754.029 491.598s-.943-1.639-2.123-.215-3.1-1.193-2.8-1.751 1.334.025 3.117-.557 5.215-1.769 5.79 2.1-.794 3.466-.794 3.466-.628-3.431-1.2-2.445l-.567.985-.492.121Z">
      </path>
    </g>
    </svg>
</body>
</html>